/*清除默认样式*/
*{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑","宋体" ;
	list-style: none;
	text-decoration: none;
}
.clearfixed:after{
	content: "";
	display: block;
	clear: both;
}
a:link{
	color: #636363;
}
a:visited{
	color: #636363;
}
a:hover{
	color: #636363;
	text-decoration: underline;
}
:root{
	font-size: 625%;
}
/****************************/
/*导航条样式*/
header{
	width: 100%;
	position: relative;
}
nav{
	background-image: linear-gradient(to right,#dddddd,#eeeeee);
}
nav,nav ul{
	width: 100%;
	float: left;
}
nav ul li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: .13rem;
    line-height: .5rem;
}
nav li a{
	width: 100%;
	display: inline-block;
	/*color: #555555;*/
	text-shadow: 0.01rem 0.01rem 0.03rem #636363;
}
nav ul li a[href=""]{
	background-color: #000000;
	color: #fff;
	text-shadow: 0.01rem 0.01rem 0.03rem #fff;
}
/****************************/
/*导航条样式*/
.search{
	width: 100%;
	position: relative;
	float: left;
}
#floatsearch{
	display: none;
	position: absolute;
	z-index: 10;
}
.search form{
	width: 100%;
	height: 0.4rem;
	background-color: #d3d3d3;
	float: left;
}
.search form input{
	float: left;
	width: 80%;
	margin-left: 4%;
	border-radius: 0.15rem;
	background-color: #fff;
	border: none;
	outline: none;
	height: 0.389rem;
	line-height: .15rem;
	font-size: .14rem;
	color: #b0b0b0;
	padding-left: 1%;
}
.search form button{
	float: left;
	width: 15%;
	height: 0.4rem;
	border: none;
	outline: none;
	background: url("../imgs/search_100x400.png")no-repeat 13px -54px;
}
/*****************************/
/*自适应设置*/
@media (max-width:360px){
	 /*li{
		    font-size: 0.13rem;
    		line-height: .5rem;
	}*/
}
/*360-500*/
@media (min-width:360px) and (max-width:500px){
	/*导航*/
	nav ul li{
		    font-size: 0.17rem;
    		line-height: .55rem;
	}
	/*搜索*/
	.search form{
		height: 0.45rem;
	}
	.search form input{
		height: 0.44rem;
		line-height: .155rem;
		font-size: .14rem;
	}
	.search form button{
		height: 0.45rem;
		background: url("../imgs/search_100x400.png")no-repeat 15px -52px;
	}
	/*轮播图*/
	article .focus,article .focus img{
		width: 100%;
		height: 2.5rem;
	}
	/*<!-- 商品信息 -->*/
	.news{
		margin-top: 0.15rem ;
	}
	.news-l .news-l-t{
		margin-bottom:  0.15rem;
	}
	.news-l .news-l-t .news-l-t-l img{
		height: 0.3rem;
	}
	.news-l .news-l-t .news-l-t-r{
		font-size: 0.18rem;
	}
	.news .news-l .news-l-b{
		height: 2.5rem;
	}
	.news .news-l .news-l-b img{
		height: 2.5rem;
	}
	.news .news-r{
		height: 2.95rem;
	}
	.news .news-r img{
		height: 2.95rem;
	}
	/*主题页的导航条*/
	.title-l,.title-r{
		margin-top: 0.1rem;	
	}
	.titlebody{
		width: 78%;
	}
	.title-c img{
		height: 0.25rem;
	}
	/*品牌圆角*/
	.bottom .bottom-t span,.bottom .bottom-b span{
		line-height: 0.35rem ;
		top:-0.15rem;
		border-radius: 0.2rem 0.2rem 0 0;
	}
}
/*500-700*/
@media (min-width:500px) and (max-width:700px){
	/*导航*/
	nav ul li{
		    font-size: 0.2rem;
    		line-height: .6rem;
    		width: 15%;
	}
	nav ul li:first-child{
		padding-left: 1.8rem;
		background:url("../imgs/logo2.png")no-repeat 10px 13px;
	}
	/*搜索*/
	.search form{
		height: 0.45rem;
	}
	.search form input{
		height: 0.44rem;
		line-height: .155rem;
		font-size: .14rem;
	}
	.search form button{
		width: 11%;
		margin-right: 4%;
		height: 0.45rem;
		border-right: 1px solid #dddddd;
		background: url("../imgs/search_100x400.png")no-repeat 15px -52px;
	}
	/*轮播图*/
	article .focus,article .focus img{
		width: 100%;
		height: 4rem;
	}
	/*快抢价*/
	.price{
		top:2rem;
		left:1.8rem;

	}
	/*.ct{

		width: 100%;
		display: flex;
		border: 1px solid orange;
		
	}
	.main{
		width: 90%;
		order: 2;
	}
	.left{
		width: 5%;
		order: 1;
	}
    .right{
		width: 5%;
		order: 3;
		}*/
	/*<!-- 商品信息 -->*/
	.news{
		margin-top: 0.2rem ;
	}
	.news-l .news-l-t{
		margin-bottom:  0.2rem;
	}
	.news-l .news-l-t .news-l-t-l img{
		height: 0.35rem;
	}
	.news-l .news-l-t .news-l-t-r{
		font-size: 0.24rem;
	}
	.news .news-l .news-l-b{
		height: 3rem;
	}
	.news .news-l .news-l-b img{
		height: 3rem;
	}
	.news .news-r{
		height: 3.36rem;
	}
	.news .news-r img{
		height: 3.55rem;
	}
	/*主题页的导航条*/
	.title-l,.title-r{
		margin-top: 0.2rem;	
	}
	.titlebody{
		width: 85%;
	}
	.title-c img{
		margin-top:0.05rem ;
		height: 0.25rem;
	}
	/*品牌圆角*/
	.bottom .bottom-t span,.bottom .bottom-b span{
		line-height: 0.35rem ;
		top:-0.15rem;
		border-radius: 0.25rem 0.25rem 0 0;
		font-size: 0.18rem;
	}
	.bottom .bottom-t ul,.bottom .bottom-b ul{
		padding-top: 0.3rem;

	}
}
/*700-1000*/
@media (min-width:700px) and (max-width:1000px){
	/*导航*/
	nav ul li{
		    font-size: 0.2rem;
    		line-height: .6rem;
    		width: 15%;
	}
	nav ul li:first-child{
		padding-left: 1.8rem;
		background:url("../imgs/logo2.png")no-repeat 10px 13px;
	}
	/*搜索*/
	.search form{
		height: 0.45rem;
	}
	.search form input{
		height: 0.44rem;
		line-height: .155rem;
		font-size: .14rem;
	}
	.search form button{
		width: 11%;
		margin-right: 4%;
		height: 0.45rem;
		border-right: 1px solid #dddddd;
		background: url("../imgs/search_100x400.png")no-repeat 15px -52px;
	}
	/*轮播图*/
	article .focus,article .focus img{
		width: 100%;
		height: 4rem;
	}
	/*快抢价*/
	.price{
		top:2.5rem;
		left:1.8rem;

	}
	/*快抢*/
	.news{
		margin-top: 0.2rem ;
	}
	.news-l .news-l-t{
		margin-bottom:  0.2rem;
	}
	.news-l .news-l-t .news-l-t-l img{
		height: 0.35rem;
	}
	.news-l .news-l-t .news-l-t-r{
		font-size: 0.24rem;
	}
	.news .news-l .news-l-b{
		height: 4rem;
	}
	.news .news-l .news-l-b img{
		height: 4rem;
	}
	.news .news-r{
		height: 4.55rem;
	}
	.news .news-r img{
		height: 4.55rem;
	}
	/*弹性布局*/
	.ct{
		width: 100%;
		display: flex;
		/*border: 1px solid orange;*/
		
	}
	.main{
		width: 100%;
		/*flex: 5;*/
		order: 2;
	}
	.left{
		width: 1rem;
		/*flex: 1;*/
		order: 1;
	}
    .right{
		width: 1rem;
		/*flex: 1;*/
		order: 3;
	}
	/*主题页的导航条*/
	.title-l,.title-r{
		margin-top: 0.2rem;
	}
	.titlebody{
		width: 85%;
	}
	.title-c img{
		margin-top:0.05rem ;
		height: 0.25rem;
	}
	/*品牌圆角*/
	.bottom .bottom-t span,.bottom .bottom-b span{
		line-height: 0.35rem ;
		top:-0.15rem;
		border-radius: 0.25rem 0.25rem 0 0;
		font-size: 0.18rem;
	}
	.bottom .bottom-t ul,.bottom .bottom-b ul{
		padding-top: 0.3rem;

	}
}
/*1000以上*/
@media (min-width:1000px){
	/*导航*/
	nav ul li{
		    font-size: 0.2rem;
    		line-height: .6rem;
    		width: 15%;
	}
	nav ul li:first-child{
		padding-left: 1.8rem;
		background:url("../imgs/logo2.png")no-repeat 10px 13px;
	}
	/*搜索*/
	.search form{
		height: 0.45rem;
	}
	.search form input{
		height: 0.44rem;
		line-height: .155rem;
		font-size: .14rem;
	}
	.search form button{
		width: 11%;
		margin-right: 4%;
		height: 0.45rem;
		border-right: 1px solid #dddddd;
		background: url("../imgs/search_100x400.png")no-repeat 15px -52px;
	}
	/*轮播图*/
	article .focus,article .focus img{
		width: 100%;
		height: 4rem;
	}
	/*快抢价*/
	.price{
		top:3rem;
		left:2rem;

	}
	/*快抢*/
	.news{
		margin-top: 0.2rem ;
	}
	.news-l .news-l-t{
		margin-bottom:  0.2rem;
	}
	.news-l .news-l-t .news-l-t-l img{
		height: 0.35rem;
	}
	.news-l .news-l-t .news-l-t-r{
		font-size: 0.24rem;
	}
	.news .news-l .news-l-b{
		height: 4rem;
	}
	.news .news-l .news-l-b img{
		height: 4rem;
	}
	.news .news-r{
		height: 4.55rem;
	}
	.news .news-r img{
		height: 4.55rem;
	}
	/*弹性布局*/
	.ct{
		width: 100%;
		display: flex;
		/*border: 1px solid orange;*/
		
	}
	.main{
		width: 100%;
		/*flex: 5;*/
		order: 2;
	}
	.left{
		width: 4rem;
		/*flex: 1;*/
		order: 1;
	}
    .right{
		width: 4rem;
		/*flex: 1;*/
		order: 3;
	}
	/*主题页的导航条*/
	.title-l,.title-r{
		margin-top: 0.2rem;
	}
	.titlebody{
		width: 78%;
	}
	.title-c img{
		margin-top:0.05rem ;
		height: 0.25rem;
	}
	/*品牌圆角*/
	.bottom .bottom-t span,.bottom .bottom-b span{
		line-height: 0.35rem ;
		top:-0.15rem;
		border-radius: 0.25rem 0.25rem 0 0;
		font-size: 0.18rem;
	}
	.bottom .bottom-t ul,.bottom .bottom-b ul{
		padding-top: 0.3rem;

	}
}
/****************************/